<template>
	<view class="container">
		
		<view class="title">家庭经济状况登记表</view>
		<view class="bigTitle">家庭财产情况</view>
		<view class="lineOptionsBox">
			<view class="lineOptionsTitle">现金</view>
			<view class="lineOptionsRight">
				<view class="lineOptionsRightIn">
					<image class="chooseIcon" src="/static/kancha/choose.png"></image>
					<image class="chooseIcon" src="/static/kancha/nochoose.png"></image>
					<view class="bottomOptionsTitle">没有</view>
				</view>
				<view class="lineOptionsRightIn lineOptionsRightIn2">
					<image class="chooseIcon" src="/static/kancha/choose.png"></image>
					<image class="chooseIcon" src="/static/kancha/nochoose.png"></image>
					<view class="bottomOptionsTitle">有</view>
					<view class="lineOptionsInputBox">
						<input type="number" class="lineOptionsInput">
						<view class="inputIcon">元</view>
					</view>
				</view>
			</view>
		</view>
		<view class="lineOptionsBox">
			<view class="lineOptionsTitle">银行存款</view>
			<view class="lineOptionsRight">
				<view class="lineOptionsRightIn">
					<image class="chooseIcon" src="/static/kancha/choose.png"></image>
					<image class="chooseIcon" src="/static/kancha/nochoose.png"></image>
					<view class="bottomOptionsTitle">没有</view>
				</view>
				<view class="lineOptionsRightIn lineOptionsRightIn2">
					<image class="chooseIcon" src="/static/kancha/choose.png"></image>
					<image class="chooseIcon" src="/static/kancha/nochoose.png"></image>
					<view class="bottomOptionsTitle">有</view>
					<view class="lineOptionsInputBox">
						<input type="number" class="lineOptionsInput">
						<view class="inputIcon">元</view>
					</view>
				</view>
			</view>
		</view>
		<view class="lineOptionsBox2">
			<view class="lineOptionsTitle">股票基金等有价证券</view>
			<view class="lineOptionsRight lineOptionsRight2">
				<view class="lineOptionsRightIn">
					<image class="chooseIcon" src="/static/kancha/choose.png"></image>
					<image class="chooseIcon" src="/static/kancha/nochoose.png"></image>
					<view class="bottomOptionsTitle">没有</view>
				</view>
				<view class="lineOptionsRightIn lineOptionsRightIn2">
					<image class="chooseIcon" src="/static/kancha/choose.png"></image>
					<!-- <image class="chooseIcon" src="/static/kancha/nochoose.png"></image> -->
					<view class="bottomOptionsTitle">有，总市值</view>
					<view class="lineOptionsInputBox">
						<input type="number" class="lineOptionsInput">
						<view class="inputIcon">元</view>
					</view>
				</view>
			</view>
		</view>
		<view class="lineOptionsBox2">
			<view class="lineOptionsTitle">车辆船舶</view>
			<view class="lineOptionsRight lineOptionsRight2">
				<view class="lineOptionsRightIn">
					<image class="chooseIcon" src="/static/kancha/choose.png"></image>
					<image class="chooseIcon" src="/static/kancha/nochoose.png"></image>
					<view class="bottomOptionsTitle">没有</view>
				</view>
				<view class="lineOptionsRightIn lineOptionsRightIn2">
					<image class="chooseIcon" src="/static/kancha/choose.png"></image>
					<image class="chooseIcon" src="/static/kancha/nochoose.png"></image>
					<view class="bottomOptionsTitle">有，类型</view>
					<view class="lineOptionsInputBox">
						<input type="text" class="lineOptionsInput">
					</view>
				</view>
			</view>
			<view class="lineOptionsRight">
				<view class="lineOptionsRightIn lineOptionsRightIn3">
					<view class="bottomOptionsTitle">车（船）登记证编号</view>
					<view class="lineOptionsInputBox lineOptionsInputBox2">
						<input type="text" class="lineOptionsInput">
					</view>
				</view>
			</view>
			<view class="lineOptionsRight">
				<view class="lineOptionsRightIn lineOptionsRightIn3">
					<view class="bottomOptionsTitle">购车时间</view>
					<image src="/static/timeIcon.png" class="timeIcon" mode=""></image>
					<view class="lineOptionsInputBox lineOptionsInputBox2">
						<view class="time">
							
						</view>
						<view class="timeDes">
							年
						</view>
						<view class="time">
							
						</view>
						<view class="timeDes">
							月
						</view>
						<view class="time">
							
						</view>
						<view class="timeDes">
							日
						</view>
					</view>
				</view>
			</view>
			<view class="lineOptionsRightIn lineOptionsRightIn3">
				
				<view class="bottomOptionsTitle">现估价</view>
				<view class="lineOptionsInputBox">
					<input type="number" class="lineOptionsInput">
					<view class="inputIcon">元</view>
					<view style="width:20rpx"></view>
				</view>
			</view>
		</view>
		<view class="lineOptionsBox2">
			<view class="lineOptionsTitle">大型农机</view>
			<view class="lineOptionsRight lineOptionsRight2">
				<view class="lineOptionsRightIn">
					<image class="chooseIcon" src="/static/kancha/choose.png"></image>
					<image class="chooseIcon" src="/static/kancha/nochoose.png"></image>
					<view class="bottomOptionsTitle">没有</view>
				</view>
				<view class="lineOptionsRightIn lineOptionsRightIn2">
					<image class="chooseIcon" src="/static/kancha/choose.png"></image>
					<image class="chooseIcon" src="/static/kancha/nochoose.png"></image>
					<view class="bottomOptionsTitle">有，类型</view>
					<view class="lineOptionsInputBox">
						<input type="text" class="lineOptionsInput">
					</view>
				</view>
			</view>
			<view class="lineOptionsRight">
				<view class="lineOptionsRightIn lineOptionsRightIn3">
					<view class="bottomOptionsTitle">农机登记证编号</view>
					<view class="lineOptionsInputBox lineOptionsInputBox2">
						<input type="text" class="lineOptionsInput">
					</view>
				</view>
			</view>
			<view class="lineOptionsRight">
				<view class="lineOptionsRightIn lineOptionsRightIn3">
					<view class="bottomOptionsTitle">购车时间</view>
					<image src="/static/timeIcon.png" class="timeIcon" mode=""></image>
					<view class="lineOptionsInputBox lineOptionsInputBox2">
						<view class="time">
							
						</view>
						<view class="timeDes">
							年
						</view>
						<view class="time">
							
						</view>
						<view class="timeDes">
							月
						</view>
						<view class="time">
							
						</view>
						<view class="timeDes">
							日
						</view>
					</view>
				</view>
			</view>
			<view class="lineOptionsRightIn lineOptionsRightIn3">
				
				<view class="bottomOptionsTitle">现估价</view>
				<view class="lineOptionsInputBox">
					<input type="number" class="lineOptionsInput">
					<view class="inputIcon">元</view>
					<view style="width:20rpx"></view>
				</view>
			</view>
		</view>
		<view class="lineOptionsBox2 lineOptionsBox3">
			<view class="lineOptionsTitle lineOptionsTitle1">大型农机</view>
			<view class="optionsBox">
				<view class="optionsTitle">
					<view class="zhongdian">*</view>
					<view class="optionsTitleIn">自有住房</view>
				</view>
				<view class="optionsBoxRight1">
					<view class="optionsBoxRight">
						<view class="optionsBoxRightIn optionsBoxRightIn1">
							<view class="">
								商品房
							</view>
							<image class="sanjiao" src="/static/kancha/sanjiao.png"></image>
						</view>
						<view class="optionsBoxRightIn">
							<image class="chooseIcon" src="/static/kancha/choose.png"></image>
							<view class="bottomOptionsTitle">1套</view>
							<image class="chooseIcon chooseIcon1" src="/static/kancha/nochoose.png"></image>
							<view class="bottomOptionsTitle">2套</view>
						</view>
					</view>
				</view>
			</view>
			<view class="optionsBox">
				<view class="optionsTitle">
					<view class="zhongdian"></view>
					<view class="optionsTitleIn">房产1</view>
				</view>
				<view class="optionsBoxRight1">
					<view class="optionsBoxRight">
						<view class="optionsBoxRightIn optionsBoxRightIn1">
							<view class="">
								无产权
							</view>
							<image class="sanjiao" src="/static/kancha/sanjiao.png"></image>
						</view>
						<view class="optionsBoxRightIn">
							<view class="">
								出租
							</view>
							<image class="sanjiao" src="/static/kancha/sanjiao.png"></image>
						</view>
					</view>
					<view class="lineOptionsRightIn lineOptionsRightIn3">
						<view class="bottomOptionsTitle bottomOptionsTitle1">房产证编号</view>
						<view class="lineOptionsInputBox lineOptionsInputBox2">
							<input type="text" class="lineOptionsInput">
						</view>
					</view>
					<view class="lineOptionsRightIn lineOptionsRightIn3">
						<view class="bottomOptionsTitle bottomOptionsTitle1">建筑面积</view>
						<view class="lineOptionsInputBox lineOptionsInputBox2">
							<input type="text" class="lineOptionsInput">
							<view class="pingfangmi">m<text>2</text></view>
						</view>
					</view>
				</view>
			</view>
			<view class="optionsBox optionsBox1">
				<view class="optionsTitle">
					<view class="zhongdian">*</view>
					<view class="optionsTitleIn">租赁</view>
				</view>
			</view>
			<view class="optionsBox">
				<view class="optionsTitle">
					<view class="zhongdian"></view>
					<view class="optionsTitleIn">房产1</view>
				</view>
				<view class="optionsBoxRight1">
					<view class="optionsBoxRight">
						<view class="optionsBoxRightIn optionsBoxRightIn2">
							<view class="">
								租赁私有
							</view>
							<image class="sanjiao" src="/static/kancha/sanjiao.png"></image>
						</view>
						<view class="optionsBoxRightIn optionsBoxRightIn2">
							<view class="">
								土木
							</view>
							<image class="sanjiao" src="/static/kancha/sanjiao.png"></image>
						</view>
					</view>
				</view>
			</view>
			<view class="optionsBox">
				<view class="optionsTitle">
					<view class="zhongdian"></view>
					<view class="optionsTitleIn">房产2</view>
				</view>
				<view class="optionsBoxRight1">
					<view class="optionsBoxRight">
						<view class="optionsBoxRightIn optionsBoxRightIn2">
							<view class="">
								租赁私有
							</view>
							<image class="sanjiao" src="/static/kancha/sanjiao.png"></image>
						</view>
						<view class="optionsBoxRightIn optionsBoxRightIn2">
							<view class="">
								土木
							</view>
							<image class="sanjiao" src="/static/kancha/sanjiao.png"></image>
						</view>
					</view>
				</view>
			</view>
			<view class="optionsBox optionsBox1 optionsBox2">
				<view class="optionsTitle">
					<view class="zhongdian">*</view>
					<view class="optionsTitleIn">自有住房</view>
				</view>
				<view class="lineOptionsRight lineOptionsRight1">
					<view class="lineOptionsRightIn">
						<image class="chooseIcon" src="/static/kancha/choose.png"></image>
						<!-- <image class="chooseIcon" src="/static/kancha/nochoose.png"></image> -->
						<view class="bottomOptionsTitle">没有</view>
					</view>
					<view class="lineOptionsRightIn lineOptionsRightIn2">
						<!-- <image class="chooseIcon" src="/static/kancha/choose.png"></image> -->
						<image class="chooseIcon" src="/static/kancha/nochoose.png"></image>
						<view class="bottomOptionsTitle">有</view>
						<view class="lineOptionsInputBox">
							<input type="number" class="lineOptionsInput">
							<view class="inputIcon">元</view>
						</view>
					</view>
				</view>
			</view>
			<view class="optionsBox">
				<view class="optionsTitle">
					<view class="zhongdian">*</view>
					<view class="optionsTitleIn">其他财产</view>
				</view>
				<view class="lineOptionsRight lineOptionsRight1">
						<view class="lineOptionsInputBox lineOptionsInputBox1">
							<input type="number" class="lineOptionsInput">
							<view class="inputIcon">元</view>
						</view>
				</view>
			</view>
		</view>
		<view class="button" @click="link">
			提交
		</view>
		<view class="bottom"></view>
	</view>
</template>

<script>
	export default {
		methods:{
			link(){
				uni.navigateTo({
					url:'/pages/getInfo/familyPay'
				})
			}
		}
	}
</script>

<style scoped>
	.title{
		font-size:26rpx;
		color:#fa5245;
		line-height:1;
		text-align:center;
		padding-bottom:20rpx;
		padding-top:50rpx;
	}
	.bigTitle{
		font-size:34rpx;
		text-align:center;
		margin-top:30rpx;
	}
	.lineOptionsBox{
		width:670rpx;
		border-radius:6rpx;
		border:1rpx solid #ccc;
		display:flex;
		align-items:center;
		height:86rpx;
		padding:0 40rpx;
		margin:0 auto;
		margin-top:30rpx;
		justify-content:space-between;
	}
	.lineOptionsBox2{
		width:670rpx;
		border-radius:6rpx;
		border:1rpx solid #ccc;
		padding:20rpx 40rpx;
		margin:0 auto;
		margin-top:30rpx;
	}
	.lineOptionsBox3{
		padding-left: 0;
	}
	.lineOptionsTitle,.inputIcon{
		color: #ccc;
	}
	.lineOptionsTitle1{
		padding-left: 40rpx;
	}
	.lineOptionsBox view,.lineOptionsBox input ,.lineOptionsBox2 input{
		font-size:26rpx;
	}
	.lineOptionsRight{
		display: flex;
		align-items:center;
	}
	.lineOptionsBox2 .lineOptionsRight{
		justify-content: space-between;
	}
	.lineOptionsRight1{
		flex: 1;
	}
	.lineOptionsRightIn{
		display: flex;
		align-items:center;
	}
	.lineOptionsRightIn2{
		margin-left: 50rpx;
	}
	.lineOptionsRightIn3{
		flex:1;
		margin-top: 20rpx;
	}
	.lineOptionsRightIn3 input{
		flex: 1;
	}
	.chooseIcon{
		width:28rpx;
		height:27rpx;
		margin-right: 20rpx;
	}
	.lineOptionsInputBox2{
		flex: 1;
	}
	.lineOptionsInputBox{
		width: 144rpx;
		display: flex;
		align-items:center;
		border-bottom:1rpx solid #333;
		margin-left:10rpx;
	}
	.lineOptionsInput{
		width: 100rpx;
		
	}
	.lineOptionsRight2{
		margin-top:20rpx;
	}
	.timeIcon{
		width:26rpx;
		height:25rpx;
		margin:0 10rpx;
	}
	.time{
		width: 100rpx;
		text-align: center;
	}
	.timeDes{
		color:#ccc
	}
	.sanjiao {
		width: 23rpx;
		height: 18rpx;
		margin-left: 20rpx;
	}
	.button {
		width: 570rpx;
		line-height: 84rpx;
		text-align: center;
		margin: 0 auto;
		margin-top: 50rpx;
		border-radius: 6rpx;
		background: linear-gradient(90deg, #fa5444, #ff988f);
		font-size: 28rpx;
		color: white;
	
	}
	
	.bottom {
		height: 160rpx;
	}
	.zhongdian{
		color: red;
		width: 40rpx;
		text-align: center;
	}
	.optionsBoxRight{
		display: flex;
		align-items: center;
	}
	.optionsBoxRight1{
		flex:1;		
	}
	.optionsBoxRightIn{
		display: flex;
		align-items: center;
		flex:1;
	}
	.optionsBoxRightIn1{
		/* margin-right: 50rpx; */
	}
	.optionsTitle{
		display: flex;
		align-items: center;
	}
	.optionsTitleIn{
		color:#ccc;
		width: 180rpx;
	}
	.optionsBox{
		display: flex;
		margin-top: 20rpx;
		align-items: flex-start;
	}
	.optionsBox1{
		margin-top: 40rpx;
	}
	.chooseIconFrist{
		margin-left: 50rpx;
	}
	.chooseIcon1{
		margin-left: 20rpx;
	}
	.pingfangmi{
		color: #ccc;
	}
	.pingfangmi text{
		display: inline-block;
		font-size: 18rpx;
		color:#ccc;
		position: relative;
		transform: translateY(-10rpx);
	}
	.bottomOptionsTitle1{
		width: 144rpx;
	}
	.lineOptionsInputBox1{
		flex:1;
	}
	.lineOptionsInputBox1 input{
		flex:1;
	}
</style>
